<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米分类页</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";
				text-decoration: none;
			}
			
			.part1 {
				width: 100%;
				height: 36px;
				/*border: 1px solid;*/
				background-color: #333333;
			}
			
			.part1-body {
				font-size: 12px;
				height: 36px;
				line-height: 36px;
				width: 1103px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			
			.part1-body ul {
				list-style-type: none;
			}
			
			.part1-body li {
				font-family: "微软雅黑";
				padding: 0 2px;
				color: #424242;
				float: left;
			}
			
			.part1-body li a {
				text-decoration: none;
				color: #B0B0B0;
			}
			
			.part1-body li a:hover {
				color: white;
			}
			
			.part1-body-buy {
				display: inline;
				height: 36px;
				line-height: 36px;
				padding: 0 35px;
				background-color: #FF6700;
				margin-left: 20px;
				color: white;
				font-family: "微软雅黑";
			}
			
			.part1-body-buy:hover {
				background-color: white;
				color: #FF6700;
				cursor: pointer;
			}
			
			.part2 {
				height: 90px;
				width: 100%;
			}
			
			.part2-body {
				/*border: 1px solid;*/
				width: 1103px;
				height: 90px;
				margin: 0 auto;
			}
			
			.part2-logo {
				float: left;
				width: 48px;
				height: 48px;
				display: inline-block;
				background-image: url(img/logo.png);
				margin-top: 20px;
			}
			
			.part2-body ul {
				margin-left: 55px;
				/*margin-top: 5px;*/
				/*border: 1px solid;*/
				float: left;
				list-style-type: none;
			}
			
			.part2-body>ul>li {
				font-family: "微软雅黑";
				font-size: 14px;
				padding: 0 6px;
				/*border: 1px solid;*/
				float: left;
				height: 90px;
				line-height: 90px;
			}
			
			.part2-body li:hover {
				color: #FF6700;
				cursor: pointer;
			}
			
			.part2-body-li1 {
				position: absolute;
				left: -105px;
				top: 90px;
				width: 211px;
				background-color: white;
				display: none;
				height: 412px;
				border: 1px solid #FF6700;
				z-index: 12;
			}
			
			.part2-body li:hover .part2-body-li1 {
				display: block;
			}
			.part2-body-li1 ul{
				margin-left: 0;
				list-style-type: none;
			}
			.part2-body-li1 li{
				text-indent: 3em;
				display: block;
				width: 211px;
				font-family: "微软雅黑";
				font-size: 14px;
				padding: 11px 0;
				/*border: 1px solid;*/
				/*float: left;*/
				height: 16px;
				line-height: 16px;
				color: #424242;
				position: relative;
			}
			.part2-body-li1 li:hover{
				color: white;
				background-color: #FF6700;
			}
			
			.part2-body-li1-li-ex1,
			.part2-body-li1-li-ex2,
			.part2-body-li1-li-ex3,
			.part2-body-li1-li-ex4,
			.part2-body-li1-li-ex5,
			.part2-body-li1-li-ex6,
			.part2-body-li1-li-ex7,
			.part2-body-li1-li-ex8,
			.part2-body-li1-li-ex9,
			.part2-body-li1-li-ex10{
				position: absolute;
				border-top: 1px solid #E0E0E0;
				border-bottom: 1px solid #E0E0E0;
				height: 412px;
				display: none;
				background-color: white;
				left: 212px;
				
			}
			
			.part2-body-li1-li-ex1{
				width: 753px;
				top: -16px;
			}
			.part2-body-li1-li-ex2{
				width: 502px;
				top: -54px;
			}
			.part2-body-li1-li-ex3{
				width: 1004px;
				top: -92px;
			}
			.part2-body-li1-li-ex4{
				width: 1004px;
				top: -130px;
			}
			.part2-body-li1-li-ex5{
				width: 502px;
				top: -168px;
			}
			.part2-body-li1-li-ex6{
				width: 1004px;
				top: -206px;
			}
			.part2-body-li1-li-ex7{
				width: 251px;
				top: -244px;
			}
			.part2-body-li1-li-ex8{
				width: 251px;
				top: -282px;
			}
			.part2-body-li1-li-ex9{
				width: 251px;
				top: -320px;
			}
			.part2-body-li1-li-ex10{
				width: 251px;
				top: -358px;
			}
			
			.part2-body-li1 li:hover .part2-body-li1-li-ex1,
			.part2-body-li1 li:hover .part2-body-li1-li-ex2,
			.part2-body-li1 li:hover .part2-body-li1-li-ex3,
			.part2-body-li1 li:hover .part2-body-li1-li-ex4,
			.part2-body-li1 li:hover .part2-body-li1-li-ex5,
			.part2-body-li1 li:hover .part2-body-li1-li-ex6,
			.part2-body-li1 li:hover .part2-body-li1-li-ex7,
			.part2-body-li1 li:hover .part2-body-li1-li-ex8,
			.part2-body-li1 li:hover .part2-body-li1-li-ex9,
			.part2-body-li1 li:hover .part2-body-li1-li-ex10{
				display: block;
			}
			
			.part2-body li:hover .part2-body-li-ex{
				display: block;
			}
			.part2-body-li-ex{
				left: 0;
				width: 100%;
				height: 206px;
				background-color: white;
				position: absolute;
				border-top: 1px solid #E0E0E0;
				border-bottom: 1px solid #E0E0E0;
				color: #000000;
				z-index: 12;
				display: none;
			}
			.part2-body-li-ex-body{
				width: 1103px;
				height: 206px;
				margin: 0 auto;
				/*border: 1px solid;*/
				
			}
			
			.part2-body-li-ex-body div{
				width: 180px;
				height: 206px;
				float: left;
				/*border: 1px solid;*/
			}
			.part2-body-li-ex-body a{
				margin-top: 16px;
				height: 120px;
				text-align: center;
				border-left: 1px solid #E0E0E0;
				display: block;
			}
			.part2-body-li-ex-body span{
				margin: 0 auto;
				border: 1px solid #FF6700;
				color: #FF6700;
				text-align: center;
				width: 50px;
				height: 19px;
				line-height: 19px;
				display:  block;
			}
			.part2-body-li-ex-body p{
				height: 19px;
				line-height: 19px;
			}
			.part2-body-li-ex-body .part2-body-li-ex-body-p1{
				font-size: 12px;
				color: #333333;
				text-align: center;
			}
			.part2-body-li-ex-body .part2-body-li-ex-body-p2{
				font-size: 12px;
				color: #FF6700;
				text-align: center;
				
			}
			.part2-body input {
				font-size: 12px;
				float: left;
				margin-top: 20px;
				outline: none;
				height: 43px;
				width: 218px;
				margin-left: 90px;
				border: 1px solid #B0B0B0;
			}
			
			.part2-searchbtn {
				float: left;
				margin-top: 20px;
				width: 43px;
				height: 43px;
				border: 1px solid #B0B0B0;
				background-image: url(img/sh.png);
				background-position-x: -2px;
				border-left: none;
			}
			
			.part2-searchbtn:hover {
				background-image: url(img/sbtnh.png);
				background-position-x: -2px;
			}
			
			.part2-body-li1-li-ex-z{
				float: left;
				width: 250px;
				height: 412px;
				/*border: 1px solid;*/
				color: #000000;
			}
			.part2-body-li1-li-ex-z dd{
				text-indent: 1em;
				margin-top: 7px;
				width: 180px;
				height: 66px;
				/*line-height: 66px;*/
			}
			.part2-body-li1-li-ex-z dd:hover{
				color: #FF6700;
			}
			.part2-body-li1-li-ex-z img{
				vertical-align: middle;
			}
			.part2-body-li1-li-ex-z span{
				display: inline-block;
				border: 1px solid #FF6700;
				color: #FF6700;
				padding: 2px 10px;
				margin-top: 8px;
				margin-right: 2px;
				text-indent: 0;
				float: right;
			}
			.part2-body-li1-li-ex-z span:hover{
				background-color: #FF6700;
				color: white;
			}
			.part3 {
				height: 36px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part3-body{
				height: 36px;
				width: 1103px;
				line-height: 36px;
				font-size: 12px;
				color: #757575;
				margin: 0 auto;
			}
			.part3-body a{
				color: #757575;
				text-decoration: none;
			}
			.part4 {
				min-height: 156px;
				width: 100%;
			}
			.part4-body{
				min-height: 156px;
				width: 1103px;
				/*border: 1px solid;*/
				margin: 0 auto;
			}
			
			.part4-div1{
				width: 1103px;
				height: 45px;
				/*margin-top: 15px;*/
				border-bottom: 1px solid #E0E0E0;
				/*border-top:1px solid ;*/
				overflow: hidden;
				font-size: 14px;
			}
			.part4-div2{
				width: 1103px;
				height: 45px;
				/*height: 32px;*/
				border-bottom: 1px solid #E0E0E0;
				overflow: hidden;
				font-size: 14px;
			}
			.part4-div3{
				width: 1103px;
				height: 45px;
				/*height: 32px;*/
				border-bottom: 1px solid #E0E0E0;
				overflow: hidden;
				font-size: 14px;
			}
			.part4-body dt{
				padding-top: 13px;
				float: left;
				display: block;
				/*border:1px solid;*/
  				width: 72px;
  				height: 250px;
  				color: #b0b0b0;
			}
			.part4-body dd{
				float: left;
				/*display: table;*/
				width: 150px;
				/*border:1px solid;*/
				padding: 12px 0;
			}
			.part4-body dd a{
				color: #333333;
			}
			.part4-body dd a:hover{
				color: #FF6700;
			}
			.part4-body span{
				position: relative;
				padding: 10px;
				left: 50px;
				top: 15px;
				/*border: 1px solid;*/
			}
			.part4-div1 span:hover,
			.part4-div2 span:hover{
				cursor: pointer;
			}
			.part5 {
				height: 73px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part5-body{
				height: 71px;
				width: 1103px;
				/*border: 1px solid;*/
				margin: 0 auto;
			}
			.part5-body ul{
				display: inline-block;
				line-height: 71px;
				height: 71px;
				width: 400px;
				/*border:  1px solid;*/
				list-style-type: none;
			}
			.part5-body li{
				float: left;
				font-size: 14px;
				margin-right: 25px;
			}
			#part5-body-tj{
				color: #FF6700;
			}
			#part5-body-tj:hover,
			#part5-body-xp:hover,
			#part5-body-jg:hover,
			#part5-body-pl:hover{
				cursor: pointer!important;
				color: #FF6700!important;
			}
			.part5-body span{
				height: 71px;
				line-height: 71px;

				float: right;
				display: inline-block;
				margin: 0 15px;
				font-size: 14px;
			}
			.part5-body span:hover{
				cursor: pointer;
				color: #FF6700;
			}
			.part5-body span:hover b{
				color: white;
			}
			.part5-body b{
				vertical-align: middle;
				background-color: white;
				display: inline-block;
				font-size: 14px;
				width: 18px;
				height: 18px;
				line-height: 18px;
				text-indent: 4px;
				border: 1px solid #E0E0E0;
			}
			.part6 {
				min-height: 100px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part6-body{
				font-size: 12px;
				width: 1103px;
				min-height: 387px;
				border: 1px solid #F5F5F5;
				margin: 0 auto;
			}
			.part6-body-r{
				width: 1103px;
				height: 387px;
				margin-bottom: 12px;
			}
			.part6-body-c{
				width: 266px;
				height: 387px;
				background-color: white;
				float: left;
				margin-right:12px ;
				position: relative;
			}
			.part6-body-c:hover .part6-body-c-l,
			.part6-body-c:hover .part6-body-c-g{
				display: block;
			}
			.part6-body-c a,
			.part6-body-c em{
				display: block;
			}
			
			.part6-body-c-l{
				display: none;
				text-indent: 20px;
				width: 50px;
				height: 30px;
				line-height: 30px;
				background-image: url(img/part6like.png);
				background-repeat: no-repeat;
				background-position-y: 5px;
				/*border: 1px solid;*/
				position: absolute;
				left: 25px;
				top: 25px;
			}
			.part6-body-c-l-f,
			.part6-body-c-g-f{
				display: none;
			}
			.part6-body-c-l:hover .part6-body-c-l-f,
			.part6-body-c-g:hover .part6-body-c-g-f{
				display: block;
				cursor: pointer;
			}
			.part6-body-c-g{
				width: 80px;
				height: 30px;
				line-height: 30px;
				background-image: url(img/part6join.png);
				background-repeat: no-repeat;
				background-position-y: 5px;
				background-position-x: 60px;
				/*border: 1px solid;*/
				position: absolute;
				right: 25px;
				top: 25px;
				display: none;
			}
			.part6-body-c a{
				text-align: center;
				margin-top: 50px;
			}
			.part6-body-c p{
				text-align: center;
			}
			.part6-body-c em{
				border: 1px solid #E0E0E0;
				width: 30px;
				height: 30px;
				margin: 0 auto;
			}
			.part6-body-c em:hover{
				border: 1px solid #FF6700;
				cursor: pointer;
			}
			.part6-body-c-p1{
				margin-top: 50px;
			}
			.part6-body-c-p2{
				margin-top: 5px;
				color: #FF6700;
				margin-bottom: 15px;
			}
			.part7 {
				height: 53px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part7-body{
				text-align: center;
				height: 53px;
				width: 1103px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part7-body span{
				font-size: 20px;
				/*border: 1px solid;*/
				width: 50px;
				height: 30px;
				line-height: 30px;
				margin: 0 5px;
				display: inline-block;
				margin-top: 10px;
				font-weight: bold;
			}
			.part7-body span:hover{
				background-color: #B0B0B0;
				color: white;
			}
			.part8 {
				height: 220px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part8-body{
				height: 220px;
				width: 1103px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part8-body div{
				float: left;
				/*border: 1px solid;*/
				width: 367px;
			}
			.part9 {
				height: 315px;
				width: 100%;
				background-color: #F5F5F5;
			}
			.part9-body{
				height: 273px;
				width: 1100px;
				margin: 0 auto;
				/*border: 1px solid;*/
				overflow: hidden;
			}
			.part9-lb{
				height: 271px;
				width: 4410px;
				/*border: 1px solid;*/
				margin-left: 0px;
				
			}
			.part9-lb div{
				float: left;
				height: 270px;
				width: 210px;
				margin-right: 10px;
				background-color: white;
				/*border: 1px solid;*/
			}
			.part9-lb a{
				display: block;
				margin-top: 35px;
				text-align: center;
			}
			.part9-lb-p1{
				text-align: center;
				font-size: 13px;
				margin-top: 15px;
			}
			.part9-lb-p2{
				text-align: center;
				margin-top: 10px;
				font-size: 13px;
				color: #FF6700;
			}
			.part9-lb-p3{
				text-align: center;
				font-size: 13px;
				margin-top: 10px;
				color: #757575;
			}
			.part9-point{
				height: 40px;
				width: 1103px;
				margin: 0 auto;
				/*border: 1px solid;*/
			}
			.part9-point-i-mr{
				vertical-align: middle;
				display: inline-block;
				width: 12px;
				height: 12px;
				/*border: 1px solid;*/
				background-color: #B0B0B0;
				margin-top: 5px;
				border-radius: 50%;
			}
			.part9-point-i-active{
				border: 1px solid #FF6700;
				background-color: white;
			}
			.part9-point-i-hover{
				cursor: pointer;
				border: none;
				background-color: #FF6700;
			}
			/*尾部开始*/
			#main-foot1{
				width: 100%;
				height: 202px;
			}
			#main-foot1 a{
				text-decoration: none;
			}#main-foot1 a:hover{
				color: #FF6700;
			}
			#main-foot2{
				width: 100%;
				height: 180px;
				background-color: #FAFAFA;
			}
			.foot1-body{
				width: 1103px;
				height: 202px;
				margin-left: auto;
				margin-right: auto;
				/*border: 1px solid;*/
			}
			.foot1-body1{
				width: 1226px;
				height: 59px;
				border-bottom: 1px solid #E0E0E0;
			}
			.foot1-body1 ul{
				width: 1226px;
				margin-left: 20px;
				list-style-type: none;
			}
			.foot1-body1 li{
				
				line-height: 59px;
				padding: 0 30px;
				float: left;
			}
			.foot1-body1 a{
				font-size: 14px;
				color: #616161;
			}
			.foot1-body1 a:hover{
				color: #FF6700;
			}
			.foot1-body2{
				width: 1103px;
				height: 140px;
				/*border: 1px solid;*/
			}
			.foot1-body2 dl{
				float: left;
				margin-top: 15px;
				margin-right: 90px;
			}
			.foot1-body2 dt{
				color: #424242;
				margin-bottom: 20px;
				font-size: 14px;
			}
			.foot1-body2 dd{
				margin:10px 0;
				font-size: 12px;
			}
			.foot1-body2 dd a{
				color: #757575;
			}
			.foot1-body3{
				position: relative;
				left: 883px;
				top:10px;
				width: 240px;
				height: 120px;
				/*border: 1px solid;*/
				border-left: 1px solid #E0E0E0;
			}
			.foot1-body3 p,.foot1-body3 a{
				position: absolute;
				display: block;
				/*border: 1px solid red;*/
			}
			.f1b3p1{
				width: 140px;
				font-size: 18px;
				font-weight: bold;
				color: #FF6700;
				display: block;
				left: 45px;
			}
			.f1b3p2{
				top: 34px;
				font-size: 12px;
				left: 51px;
			}
			.f1b3p3{
				top: 50px;
				font-size: 12px;
				left: 70px;
			}
			.f1b3p4{
				text-decoration: none;
				width: 118px;
				height: 28px;
				line-height: 28px;
				text-align: center;
				bottom: 0;
				font-size: 14px;
				left: 57px;
				color: #FF6700;
				border: 1px solid #FF6700;
			}
			.f1b3p4:hover{
				background-color: #FF6700!important;
				color: white!important;
			}
			.foot2-body{
				position: relative;
				width: 1103px;
				margin-left: auto;
				margin-right: auto;
				height: 210px;
				border: 1px solid #FAFAFA;
				/*border: 1px solid black;*/
				background-image: url(img/footlogo.png);
				background-repeat: no-repeat;
				background-position-x: 0px;
				background-position-y: 30px;
			}
			.foot2-body ul{
				display: block;
				list-style-type: none;
				margin-left: 62px;
				margin-top: 29px;
			}
			.foot2-body li{
				display: inline-block;
				font-size: 12px;
				color: #B0B0B0;
				margin: 0 -2px;
			}
			.foot2-body a{
				text-decoration: none;
				color: #B0B0B0;
			}
			.foot2-body a:hover{
				color: #FF6700;
			}
			.foot2-body p{
				margin-top: 5px;
				margin-left: 62px;
				display: block;
				font-size: 12px;
				color: #B0B0B0;
			}
			.foot2-body img{
				position: absolute;
			}
			/*尾部结束*/
			
			
			
		</style>
	</head>

	<body>
		<div class="part1">
			<div class="part1-body">
				<ul style="float: left;">
					<li>
						<a href="#">小米商城</a>
					</li>
					<li style="color: #B424242;">|</li>
					<li>
						<a href="#">MIUI</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">米聊</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">游戏</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">多看阅读</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">云服务</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">金融</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">小米商城移动版</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">问题反馈</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">Select Region</a>
					</li>

				</ul>
				<span class="part1-body-buy" style="float: right ;">购物车</span>
				<ul style="float: right;">
					<li>
						<a href="#">登录</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">注册</a>
					</li>
					<li>|</li>
					<li>
						<a href="#">消息通知</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="part2">
			<div class="part2-body">
				<a class="part2-logo" href="#"></a>
				<ul>
					<li style="position: relative;">
						全部商品分类
						<div class="part2-body-li1">
							<ul>
								<li style="margin-top: 15px;">
									手机电话卡<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex1">
										<div class="part2-body-li1-li-ex-z">
											<dl>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</dl>
										</div>
										<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									笔记本 平板<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex2">
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
										
									</div>
								</li>
								<li>
									电视 盒子<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex3">
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
										<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
									</div>
								</li>
								<li>
									路由器 智能硬件<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex4">
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
												<div class="part2-body-li1-li-ex-z">
													<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												</div>
									</div>
								</li>
								<li>
									移动电源 电池 插线板<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex5">
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									耳机 音响<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex6">
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
									</div>
								</li>
								<li>
									保护套 贴膜<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex7">
											<div class="part2-body-li1-li-ex-z">
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
											</div>
									</div>
								</li>
								<li>
									线材 支架 储蓄卡<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex8">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									箱包 服饰 鞋 眼镜<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex9">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
								<li>
									米兔 生活周边<span style="position: absolute;right: 15px;font-size: 20px;color: #E1E1E1;">&gt;</span>
									<div class="part2-body-li1-li-ex10">
										<div class="part2-body-li1-li-ex-z">
											<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
												<dd><img src="img/111111.jpg"/>小米6<span>选购</span></dd>
										</div>
									</div>
								</li>
							</ul>
						</div>
					</li>
					<li>
						小米手机
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						红米
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						平板·笔记本
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						电视
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						盒子·影音
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						路由器
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>
						智能硬件
						<div class="part2-body-li-ex">
							<div class="part2-body-li-ex-body">
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
								<div>
									<span>现货</span>
									<a href="#"><img width="130" src="img/xm6-320.png"/></a>
									<p class="part2-body-li-ex-body-p1">小米6</p>
									<p class="part2-body-li-ex-body-p2">2499元起</p>
								</div>
							</div>
						</div>
					</li>
					<li>服务</li>
					<li>社区</li>
				</ul>
				<input type="text" id="" value="手机" />
				<div class="part2-searchbtn"></div>
			</div>
		</div>
		<div class="part3">
			<div class="part3-body">
				<a href="#">首页</a> &gt;
				<a href="#">全部结果</a> &gt; 手机
			</div>
		</div>
		<div class="part4">
			<div class="part4-body">
				<div class="part4-div1">
					<dl>
						<dt>分类：</dt>
						<dd style="color: #FF6700;">全部</dd>
						<dd><a href="">贴膜</a></dd>
						<dd><a href="">小米头戴式耳机</a></dd>
						<dd><a href="">保护套/保护壳</a></dd>
						<dd><a href="">小米圈铁耳机</a></dd>
						<dd><a href="">小米活塞耳机</a></dd>
						<dd><a href="">线材</a></dd>
						<dd><a href="">小米蓝牙耳机</a></dd>
						<dd><a href="">配件优惠套装</a></dd>
						<dd><a href="">品牌耳机</a></dd>
						<dd><a href="">生活周边</a></dd>
						<dd><a href="">充电器</a></dd>
						<dd><a href="">手机支架</a></dd>
						<dd><a href="">智能硬件配件</a></dd>
						<dd><a href="">存储卡</a></dd>
						<dd><a href="">小米胶囊耳机</a></dd>
						<dd><a href="">降噪耳机</a></dd>
					</dl>
					<span id="gd1">更多↓</span>
				</div>
				<div class="part4-div2">
					<dl>
						<dt>机型：</dt>
						<dd style="color: #FF6700;">全部</dd>
						<dd><a href="">小米Max2</a></dd>
						<dd><a href="">小米6</a></dd>
						<dd><a href="">小米5c</a></dd>
						<dd><a href="">红米4X</a></dd>
						<dd><a href="">小米Note2</a></dd>
						<dd><a href="">小米MIX</a></dd>
						<dd><a href="">红米Note4X</a></dd>
						<dd><a href="">小米5S</a></dd>
						<dd><a href="">小米5S Plus</a></dd>
						<dd><a href="">小米Max</a></dd>
						<dd><a href="">小米手机5</a></dd>
						<dd><a href="">小米手机4S</a></dd>
						<dd><a href="">红米4</a></dd>
						<dd><a href="">红米4A</a></dd>
						<dd><a href="">小米平板3</a></dd>
						<dd><a href="">红米Note4</a></dd>
						<dd><a href="">红米Pro</a></dd>
						<dd><a href="">红米Note3</a></dd>
						<dd><a href="">红米手机3S</a></dd>
						<dd><a href="">红米手机3高配版</a></dd>
						<dd><a href="">红米手机3标准版</a></dd>
						<dd><a href="">小米平板2</a></dd>
						<dd><a href="">小米Note</a></dd>
						<dd><a href="">小米手机4c</a></dd>
						<dd><a href="">红米Note 2</a></dd>
						<dd><a href="">小米手机4</a></dd>
						<dd><a href="">红米Note/增强版</a></dd>
						<dd><a href="">红米2A</a></dd>
						<dd><a href="">小米手机3</a></dd>
						<dd><a href="">红米手机2</a></dd>
						<dd><a href="">红米手机</a></dd>
						<dd><a href="">小米手机2/2S</a></dd>
						<dd><a href="">小米手机2A</a></dd>
						<dd><a href="">小米手机1/1S</a></dd>
					</dl>
					<span id="gd2">更多↓</span>
				</div>
				<div class="part4-div3">
					<dl>
						<dt>品牌：</dt>
						<dd style="color: #FF6700;">全部</dd>
						<dd><a href="">小米</a></dd>
						<dd><a href="">第三方品牌</a></dd>
						<dd><a href="">1MORE</a></dd>
						<dd><a href="">闪迪</a></dd>
					</dl>
				</div>
			</div>
		</div>
		<div class="part5">
			<div class="part5-body">
				<ul>
					<li id="part5-body-tj" onmouseup="part5select(this)">推荐</li>
					<li>|</li>
					<li id="part5-body-xp" onmouseup="part5select(this)">新品</li>
					<li>|</li>
					<li id="part5-body-jg" onmouseup="part5select(this)">价格↑</li>
					<li>|</li>
					<li id="part5-body-pl" onmouseup="part5select(this)">评论最多</li>
				</ul>
				<span id="part5-body-dg1"><b></b> 仅显示有货商品</span>
				<span id="part5-body-dg2"><b></b> 仅显示特惠商品</span>
				<span id="part5-body-dg3"><b></b> 查看评价</span>
			</div>
		</div>
		<div class="part6">
			<div class="part6-body">
				<div class="part6-body-r">
					<div class="part6-body-c">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
					<div class="part6-body-c">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
					<div class="part6-body-c">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
					<div class="part6-body-c" style="margin-right: 0;">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
				</div>
				<div class="part6-body-r">
					<div class="part6-body-c">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
					<div class="part6-body-c">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
					<div class="part6-body-c">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
					<div class="part6-body-c" style="margin-right: 0;">
						<span class="part6-body-c-l"><span class="part6-body-c-l-f">喜欢</span></span>
						<span class="part6-body-c-g"><span class="part6-body-c-g-f">立即购买</span></span>
						<a href="#"><img width="130" src="img/part6-1-1.jpg" /></a>
						<p class="part6-body-c-p1">小米MIX</p>
						<p class="part6-body-c-p2">3499元 起</p>
						<em><img width="30" src="img/part6-1-1.jpg"/></em>
					</div>
				</div>
			</div>
		</div>
		<div class="part7">
			<div class="part7-body">
				<span>&lt;</span><span>1</span><span>2</span><span>&gt;</span>
			</div>
		</div>
		<div class="part8">
			<div class="part8-body">
				<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
				<div style="height: 220px;text-align: center;line-height: 220px;font-size: 26px;color: #757575;">为你推荐</div>
				<div style="height: 110px;border-bottom:1px solid #E0E0E0;"></div>
			</div>
		</div>
		<div class="part9">
			<div class="part9-body">
				<div class="part9-lb">
				<!--宽210，marginleft10-->
				<div style="margin-left: 5px;">
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div>
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				<div style="margin-left: 0px;">
					<a href="#"><img width="120" src="img/wntj1.jpg"/></a>
					<p class="part9-lb-p1">小米手环2</p>
					<p class="part9-lb-p2">149元</p>
					<p class="part9-lb-p3">17.9万人好评</p>
				</div>
				</div>
			</div>
			<div class="part9-point">
				<i class="part9-point-i-mr part9-point-i-active" style="margin-left: 520px;" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
				<i class="part9-point-i-mr" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
				<i class="part9-point-i-mr" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
				<i class="part9-point-i-mr" onmousemove="part9pointover(this)" onclick="part9pointclick(this)" onmouseout="part9pointout(this)"></i>
			</div>
		</div>
		<div id="main-foot1">
				<div class="foot1-body">
					<div class="foot1-body1">
						<ul>
							<li>
								<a href="#">预约维修服务</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">7天无理由退货</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">15天免费换货</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">满150元包邮</a>
							</li>
							<li>|</li>
							<li>
								<a href="#">520余家售后网店</a>
							</li>
						</ul>
					</div>
					<div class="foot1-body2">
						<dl>
							<dt>帮助中心</dt>
							<dd>
								<a href="#">账户管理</a>
							</dd>
							<dd>
								<a href="#">购物指南</a>
							</dd>
							<dd>
								<a href="#">订单操作</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>服务支持</dt>
							<dd>
								<a href="#">售后政策</a>
							</dd>
							<dd>
								<a href="#">自助服务</a>
							</dd>
							<dd>
								<a href="#">相关下载</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>线下门店</dt>
							<dd>
								<a href="#">小米之家</a>
							</dd>
							<dd>
								<a href="#">服务网点</a>
							</dd>
							<dd>
								<a href="#">零售网点</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>关于小米</dt>
							<dd>
								<a href="#">了解小米</a>
							</dd>
							<dd>
								<a href="#">加入小米</a>
							</dd>
							<dd>
								<a href="#">联系我们</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>关注我们</dt>
							<dd>
								<a href="#">新浪微博</a>
							</dd>
							<dd>
								<a href="#">小米部落</a>
							</dd>
							<dd>
								<a href="#">官方微信</a>
							</dd>
							<dd></dd>
						</dl>
						<dl>
							<dt>特色服务</dt>
							<dd>
								<a href="#">F码通道</a>
							</dd>
							<dd>
								<a href="#">礼物码</a>
							</dd>
							<dd>
								<a href="#">防伪通道</a>
							</dd>
							<dd></dd>
						</dl>
						<div class="foot1-body3">
							<p class="f1b3p1">400-100-5678</p>
							<p class="f1b3p2">周一至周日 8:00-18:00</p>
							<p class="f1b3p3">（仅收市话费）</p>
							<a href="#" class="f1b3p4">24小时在线客服</a>
						</div>
					</div>

				</div>
			</div>
		<div id="main-foot2">
				<div class="foot2-body">
					<ul>
						<li><a href="#">小米商城</a></li>
						<li>|</li>
						<li><a href="#">MIUI</a></li>
						<li>|</li>
						<li><a href="#">米聊</a></li>
						<li>|</li>
						<li><a href="#">多看书城</a></li>
						<li>|</li>
						<li><a href="#">小米路由器</a></li>
						<li>|</li>
						<li><a href="#">视频电话</a></li>
						<li>|</li>
						<li><a href="#">小米天猫店</a></li>
						<li>|</li>
						<li><a href="#">小米淘宝直营店</a></li>
						<li>|</li>
						<li><a href="#">小米网盟</a></li>
						<li>|</li>
						<li><a href="#">小米移动</a></li>
						<li>|</li>
						<li><a href="#">隐私政策</a></li>
						<li>|</li>
						<li><a href="#">Select Region</a></li>
					</ul>
				<p>&copy;<a href="#">mi.com</a> 京ICP证110507号 <a href="#"> 京ICP备10046444号</a><a href="#">京公网安备11010802020134号  </a><a href="#">京网文[2014]0059-0009号</a></p>
				<p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					<img style="left: 708px;top: 135px;" width="100px" src="img/foot-1.png"/>
				<img style="left: 808px;top: 135px;"  src="img/foot-2.png"/>
				<img style="left: 908px;top: 135px;"  src="img/foot-3.png"/>
				<img style="left: 1008px;top: 135px;"  src="img/foot-4.png"/>
				</div>
				<p style="text-align: center;color: #C6C6C6;font-family: '楷体';font-size: 26px;">探索黑科技，小米为发烧而生！</p>
				

			</div>
		<script type="text/javascript">
			//part4伸缩
			var gd1=document.getElementById("gd1");
			gd1.onclick=function(){
				var dheight=45;
				var qheight=135;
				var part4div1=document.querySelector(".part4-div1");
				if (part4div1.style.height!="135px") {
					
					var id1=setInterval(function(){
						part4div1.style.height=dheight+"px";
						dheight+=10;
						if(dheight == 145) {
							clearInterval(id1);
						}
					},25);
					
//				part4div1.style.height="135px";
				} else{
					var id2=setInterval(function(){
						part4div1.style.height=qheight+"px";
						qheight=qheight-10;
						if(qheight == 35) {
							clearInterval(id2);
						}
					},25);
//					part4div1.style.height="45px";
				}

			}
			var gd2=document.getElementById("gd2");
			gd2.onclick=function(){
				var dheight=45;
				var qheight=270;
				var part4div2=document.querySelector(".part4-div2");
				if (part4div2.style.height!="270px") {
					var id1=setInterval(function(){
						part4div2.style.height=dheight+"px";
						dheight+=5;
						if(dheight == 275) {
							clearInterval(id1);
						}
					},12);
//				part4div2.style.height="270px";
				} else{
					var id2=setInterval(function(){
						part4div2.style.height=qheight+"px";
						qheight-=5;
						if(qheight == 35) {
							clearInterval(id2);
						}
					},12);
					
//					part4div2.style.height="45px";
				}

			}
			//part5排序方法
			var part5body=document.querySelector(".part5-body");
			var part5lis=part5body.getElementsByTagName("li");
			function part5select(t){
				for (var i = 0; i < part5lis.length; i+=2) {
					part5lis[i].style.color="#000000";
				}
				t.style.color="#FF6700";
				if(t.innerHTML=="价格↑"){
					t.innerHTML="价格↓"
				}else{
					if(t!=t.parentNode.children[4]){
						t.parentNode.children[4].innerHTML="价格↑";
					}
					
				}
//				console.log(t.parentNode.children[4])
			}
			//part5对钩
			var part5dg1=document.getElementById("part5-body-dg1")
			part5dg1.onmouseup=function(){
				if (part5dg1.children[0].innerHTML!="√") {
					part5dg1.children[0].innerHTML="√";
					part5dg1.children[0].style.backgroundColor="#FF6700";
					part5dg1.children[0].style.color="white";
				} else{
					part5dg1.children[0].innerHTML="";
					part5dg1.children[0].style.backgroundColor="white";
					part5dg1.children[0].style.color="white";
				}
			
			}
			var part5dg2=document.getElementById("part5-body-dg2")
			part5dg2.onmouseup=function(){
				if (part5dg2.children[0].innerHTML!="√") {
					part5dg2.children[0].innerHTML="√";
					part5dg2.children[0].style.backgroundColor="#FF6700";
					part5dg2.children[0].style.color="white";
				} else{
					part5dg2.children[0].innerHTML="";
					part5dg2.children[0].style.backgroundColor="white";
					part5dg2.children[0].style.color="white";
				}
			
			}
			var part5dg3=document.getElementById("part5-body-dg3")
			part5dg3.onmouseup=function(){
				if (part5dg3.children[0].innerHTML!="√") {
					part5dg3.children[0].innerHTML="√";
					part5dg3.children[0].style.backgroundColor="#FF6700";
					part5dg3.children[0].style.color="white";
				} else{
					part5dg3.children[0].innerHTML="";
					part5dg3.children[0].style.backgroundColor="white";
					part5dg3.children[0].style.color="white";
				}
			
			}
			//part9轮播
			function part9pointover(t){
				if (t.className=="part9-point-i-mr") {
					t.className="part9-point-i-mr part9-point-i-hover";
				} 
			}
			function part9pointout(t){
				if (t.className=="part9-point-i-mr part9-point-i-hover") {
					t.className="part9-point-i-mr";
				} 
			}
			var lbdiv=document.querySelector(".part9-lb")
			
			function part9pointclick(t){
				var v1=0;
				var v2=-1100;
				var v3=-2200;
				var v4=-3300;
				for (var i = 0; i < t.parentNode.children.length; i++) {
					t.parentNode.children[i].className="part9-point-i-mr";
				}
				if (t.className=="part9-point-i-mr part9-point-i-hover"||t.className=="part9-point-i-mr") {
					t.className="part9-point-i-mr part9-point-i-active";
				}
//				1->2
				if((lbdiv.style.marginLeft == 0||lbdiv.style.marginLeft == 0+"px") && t==t.parentNode.children[1]){
					
					var id12=setInterval(function(){
						
						lbdiv.style.marginLeft=v1+"px";
						v1-=100;
						if (v1==-1200) {
							clearInterval(id12);
							
						}
					},100);
					v1=0;
				}
//				1->3
				if((lbdiv.style.marginLeft == 0||lbdiv.style.marginLeft == 0+"px") && t==t.parentNode.children[2]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v1+"px";
						v1-=100;
						if (v1==-2300) {
							clearInterval(id12);
							
						}
					},50);
					v1=0;
				}
//				1->4
				if((lbdiv.style.marginLeft == 0||lbdiv.style.marginLeft == 0+"px") && t==t.parentNode.children[3]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v1+"px";
						v1-=100;
						if (v1==-3400) {
							clearInterval(id12);
							
						}
					},25);
					v1=0;
				}
//				2->1
				if(lbdiv.style.marginLeft == -1100+"px" && t==t.parentNode.children[0]){
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v2+"px";
						v2+=100;
						if (v2==100) {
							clearInterval(id12);
							v2=-1100;
						}
					},100);
				}
//				2->3
				if(lbdiv.style.marginLeft == -1100+"px" && t==t.parentNode.children[2]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v2+"px";
						v2-=100;
						if (v2==-2300) {
							clearInterval(id12);
							v2=-1100;
						}
					},100);
				}
//				2->4
				if(lbdiv.style.marginLeft == -1100+"px" && t==t.parentNode.children[3]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v2+"px";
						v2-=100;
						if (v2==-3400) {
							clearInterval(id12);
							v2=-1100;
						}
					},50);
				}
//				3->1
				if(lbdiv.style.marginLeft == -2200+"px" && t==t.parentNode.children[0]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v3+"px";
						v3+=100;
						if (v3==100) {
							clearInterval(id12);
							v3=-2200;
						}
					},50);
				}
//				3->2
				if(lbdiv.style.marginLeft == -2200+"px" && t==t.parentNode.children[1]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v3+"px";
						v3+=100;
						if (v3==-1000) {
							clearInterval(id12);
							v3=-2200;
						}
					},100);
				}
//				3->4
				if(lbdiv.style.marginLeft == -2200+"px" && t==t.parentNode.children[3]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v3+"px";
						v3-=100;
						if (v3==-3400) {
							clearInterval(id12);
							v3=-2200;
						}
					},100);
				}
//				4->1
				if(lbdiv.style.marginLeft == -3300+"px" && t==t.parentNode.children[0]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v4+"px";
						v4+=100;
						if (v4==100) {
							clearInterval(id12);
							v4=-3300;
						}
					},25);
				}
//				4->2
				if(lbdiv.style.marginLeft == -3300+"px" && t==t.parentNode.children[1]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v4+"px";
						v4+=100;
						if (v4==-1000) {
							clearInterval(id12);
							v4=-3300;
						}
					},50);
				}
//				4->3
				if(lbdiv.style.marginLeft == -3300+"px" && t==t.parentNode.children[2]){
					
					var id12=setInterval(function(){
						lbdiv.style.marginLeft=v4+"px";
						v4+=100;
						if (v4==-2100) {
							clearInterval(id12);
							v4=-3300;
						}
					},100);
				}
			}
		</script>
	</body>

</html>